<template>
    <view>
        <city-select
            @cityClick="cityClick"
            :formatName="formatName"
            :activeCity="false"
            :hotCity="hotCity"
            :obtainCitys="obtainCitys"
            :isSearch="true"
            ref="citys"
        ></city-select>
    </view>
</template>

<script>
var app=getApp();
// import citys from './citys.js'
// console.log(citys.length)
import citySelect from '@/components/city-select/city-select.vue'
export default {
    data() {
        return {
            //需要构建索引参数的名称（注意：传递的对象里面必须要有这个名称的参数）
            formatName: 'title',
            //当前城市
            activeCity: {
                id: 1,
                title: '南京市',
                city: '南京市'
            },
            //热门城市
            hotCity: [
                // {
                //     id: 0,
                //     title: '南京市'
                // },
                // {
                //     id: 1,
                //     title: '南京市'
                // }
            ],
            //显示的城市数据
            obtainCitys: [
                {
                    id: 0,
                    title: '南京',
                    city: '南京',
                },
                {
                    id: 1,
                    title: '北京',
                    city: '北京',
                }
            ]
        }
    },
    components: {
        citySelect
    },
    created() {
        // //动态更新数据
        // setTimeout(() => {
        //     //修改需要构建索引参数的名称
        //     this.formatName = 'cityName'
        //     //修改当前城市
        //     this.activeCity = {
        //         cityName: '南京',
        //         cityCode: 110100
        //     }
        //     //修改热门城市
        //     this.hotCity = [
        //         {
        //             cityName: '南京',
        //             cityCode: 110100
        //         },
        //         {
        //             cityName: '北京',
        //             cityCode: 110102
        //         }
        //     ]
        //     //修改构建索引数据
        //     // this.obtainCitys = citys
        //     uni.showToast({
        //         icon: 'none',
        //         title: '更新数据成功',
        //         // #ifdef MP-WEIXIN
        //         duration: 3000,
        //         // #endif
        //         mask: true
        //     })
        // }, 5000)
      this.loadCitys()
    },
    methods: {
      loadCitys() {
        app.globalData.util.request({
          url: 'entry/wxapp/runner_city',
          cachetime: '0',
          data: {
          },
          success:  (res)=> {
            let citys=res.data.data
            //citys的格式是一个数组,数组的每一项是一个对象 有 id,unniacid,province,city,district,is_open
            //拼装成 city-select 组件需要的格式
            let citysArr = []
            citys.forEach((item, index) => {
              let cityObj = {}
              cityObj.id = item.id
              // cityObj.title = item.city +" - "+ item.province + item.city + item.district
              cityObj.title = item.city +" - "+ item.province + item.city
              cityObj.city = item.city
              citysArr.push(cityObj)
            })

            this.obtainCitys= citysArr
          }
        });
      },
        cityClick(item) {
            app.globalData.app_city=item.city
            uni.setStorageSync('app_city', item.city)
            uni.showToast({
                icon: 'none',
                // title: 'item: ' + JSON.stringify(item),
                title: '选中城市:' + item.city,
                // #ifdef MP-WEIXIN
                duration: 3000,
                // #endif
                mask: true
            })
            //如果当前页面层级大于1,则返回
            setTimeout(()=>{
              if (getCurrentPages().length > 1) {
                uni.navigateBack({
                  delta: 1
                })
              }
            },1000)
        }
    }
}
</script>

<style></style>
